<template>
    <div>
        <Contenter  :tit="tit" :list="list" @OutbackApiOne="OutbackApiOne"></Contenter>
        <!-- <p>{{page}}</p> -->
    </div>
</template>

<script>
import { createNamespacedHelpers } from "vuex";
const {mapState}=createNamespacedHelpers('OutbackStore')
import Contenter from "@/components/contenter/Contenter.vue";
export default {
    components: {
        Contenter,
    },
    data() {
        return {
            list: [],
            isok: true,
            tit:""

        };
    },
    created() {
        // console.log(this.$API.OutbackApi.OutbackApi);
        this.OutbackApiOne();
        this.tit = this.$route.meta.tit

    },
    computed:{
        ...mapState(['page'])
    },
    methods: {
        async OutbackApiOne() {
            // videoType: 1
            // pageNum: 1
            // pageSize: 20
            const data = await this.$API.OutbackApi.OutbackApi(this.page);
            // console.log(data.list);
            this.list = [...data.list];
        },
    },
};
</script>

<style>
</style>